<template>
	<!-- 会员 -->
	<view class="content">
		<view class="above">
			<view class="Topbox" :style="'height:'+(cachet_Top-7)+'px'"></view>
			<!-- 我的定位 -->
			<view class="fixed_position " :style="'height:'+cachet_Height+'px;'+'line-height:'+cachet_Height+'px;'">
				<u-icon name="home" label="我的" color="#000000" label-color="#000000" :label-size="cachet_Height"
					:size="cachet_Height"></u-icon>
			</view>
			<!-- 登录 -->
			<view class="Member">
				<view class="Member-top">
					<u-avatar :src="src" size="120"></u-avatar>
				</view>
				<text class="d-text">点击成为会员</text>
			</view>
		</view>
		<view class="centarl">
			<viem class="t-central">
				<u-cell-group>
					<u-cell-item title="我的优惠劵" :arrow="true" arrow-direction="right" cellGroup="true"></u-cell-item>
					<u-cell-item title="推广中心" :arrow="true" arrow-direction="right" cellGroup="true"></u-cell-item>
				</u-cell-group>
			</viem>
		</view>
		<view class="below">
			<viem class="t-below">
				<u-cell-group>
					<u-cell-item icon="map" title="广州市增城区增江街东桥东路2号之···" :arrow="true" arrow-direction="right" cellGroup="true"></u-cell-item>
					<u-cell-item icon="phone" title="13535354635" :arrow="true" arrow-direction="right" cellGroup="true"></u-cell-item>
					<u-cell-item icon="clock" title="周一至周日9:00-23:00" :arrow="false" arrow-direction="right" cellGroup="true"></u-cell-item>
					<u-cell-item icon="home" title="家政服务涵盖家政,搬家,等众多领域,诚意为您服务" :arrow="false" arrow-direction="right" cellGroup="true"></u-cell-item>
				</u-cell-group>
			</viem>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		},
		onLoad() {
			
		},
		methods: {
			
			},
		}
</script>

<style>
	.centent {
		height: 100%;
		background-color: aliceblue;
	}

	.above {
		position: fixed;
		z-index: 99;
		background-color: #54BCBD;
		width: 100%;
		height: 340rpx;
		margin-top: 60px;
		left: 0;
		top: 0;
		z-index: -1;
		border-radius: 0 0 50% 50%;
	}

	.fixed_position {
		margin-top: -25px;

	}

	.Member {
		height: 100%;
		flex: auto;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.centarl {
		position: fixed;
		margin-top: 250px;
		width: 340px;
		text-align: center;
		border: solid #c8c7c7 1px;
		margin-left: 25px;
	}

	.t-centarl {
		background-color: aliceblue;
		border-style: solid #fff 1px;
	}
	.below{
		position: fixed;
		margin-top: 400px;
		width: 340px;
		text-align: center;
		border: solid #c8c7c7 1px;
		margin-left: 25px;
	}
	.t-below{
		
	}
</style>
